﻿<UserControl x:Class="CrazyWorship1.ControllerBorder"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="300" Width="300">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="278*" />
            <ColumnDefinition Width="22*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="18*" />
            <RowDefinition Height="282*" />
        </Grid.RowDefinitions>
        <Button Grid.Column="1" Name="button1">
            <Button.Template>
                <ControlTemplate TargetType="Button">
                    <Grid Height="18" Width="18" Background="#00FFFFFF">
                        <Ellipse Name="Circle" StrokeThickness="1">

                            <Ellipse.Stroke>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <LinearGradientBrush.GradientStops>
                                        <GradientStop Offset="0" Color="#FF6C90C4" />
                                        <GradientStop Offset="0.5" Color="#FF315BB4" />
                                        <GradientStop Offset="0.5" Color="#FF002091" />
                                        <GradientStop Offset="1" Color="#FF08377C" />
                                    </LinearGradientBrush.GradientStops>
                                </LinearGradientBrush>
                            </Ellipse.Stroke>
                        </Ellipse>

                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="UIElement.IsEnabled" Value="false">
                            <Setter Property="Shape.Fill" TargetName="Circle">
                                <Setter.Value>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Offset="0" Color="#FFFFFFFF" />
                                            <GradientStop Offset="0.5" Color="#FFEBEEF5" />
                                            <GradientStop Offset="0.5" Color="#FFD8DDEB" />
                                            <GradientStop Offset="1" Color="#FFDFE2F0" />
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Setter.Value>
                            </Setter>
                            <Setter Property="Shape.Stroke" TargetName="Circle">
                                <Setter.Value>
                                    <SolidColorBrush>#FFB5BACE</SolidColorBrush>
                                </Setter.Value>
                            </Setter>

                        </Trigger>
                        <Trigger Property="UIElement.IsMouseOver" Value="true">
                            <Setter Property="Shape.Fill" TargetName="Circle">
                                <Setter.Value>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Offset="0" Color="#FFFFFFFF" />
                                            <GradientStop Offset="0.1" Color="#FFDFEDF9" />
                                            <GradientStop Offset="0.47" Color="#FF3086E1" />
                                            <GradientStop Offset="0.47" Color="#FF003B91" />
                                            <GradientStop Offset="0.7" Color="#FF1793EF" />
                                            <GradientStop Offset="0.85" Color="#FF5AD4FF" />
                                            <GradientStop Offset="0.95" Color="#FFBDFFFF" />
                                            <GradientStop Offset="1" Color="#FFFFFFFF" />
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Setter.Value>
                            </Setter>

                        </Trigger>
                        <Trigger Property="ButtonBase.IsPressed" Value="True">
                            <Setter Property="Shape.Fill" TargetName="Circle">
                                <Setter.Value>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Offset="0" Color="#FFC0D2F5" />
                                            <GradientStop Offset="0.47" Color="#FF5E7A9C" />
                                            <GradientStop Offset="0.47" Color="#FF00062D" />
                                            <GradientStop Offset="0.7" Color="#FF005F9F" />
                                            <GradientStop Offset="0.85" Color="#FF1FA4E2" />
                                            <GradientStop Offset="0.95" Color="#FF61DAFF" />
                                            <GradientStop Offset="1" Color="#FF48CFFF" />
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Setter.Value>
                            </Setter>

                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Button.Template>

        </Button>
        <Canvas Grid.Row="1"  Grid.ColumnSpan="2"  Name="contentHolder">

        </Canvas>
        <Border Grid.Row="1" CornerRadius="10" Grid.ColumnSpan="2" BorderBrush="LightBlue" BorderThickness="5" Name="border1"/>
    </Grid>
</UserControl>
